<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		*{margin:0;padding:0}
		.b{width:500px;height:60px;margin:0 auto;background-color:#e5e5e5;margin-top:100px}
		.b ul{list-style:none;width:500px;height:60px;}
		.b ul :hover{background:orange;border-bottom:solid red 1px}
		.b ul li{line-height:60px;float:left;padding:0 40px;height:60px}
		.b ul li a{text-decoration:none;color:black;font-size:14px;}
		.b ul :hover a{color:white;border:none;}
    </style>
</head>
	
<body>
<div class="b">
    <ul>
    	<li><a href="#">你</a></li>
        <li><a href="#">我</a></li>
        <li><a href="#">他</a></li>
        <li><a href="#">它</a></li>
        <li><a href="#">哦豁</a></li>
    </ul>
    </div>
</body>
</html>
